<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>探路者</title>
    <link rel="stylesheet" href="index.css">
</head>

<body>
    <!-- 头部 -->
    <div class="header_box">
        <header class="w">
            <div class="logo_box">
                <div>
                    <a href="#"><img class="logo" src="images/logo.png" alt=""></a>
                </div>
                <form action="">
                    <div class="search">
                        <select>
                            <option selected="selected">产品名称</option>
                        </select>
                        <span></span>
                        <input type="text" value="请输入关键字">
                        <button></button>
                    </div>
                </form>
                <div class="header_nav">
                    <ul>
                        <li><a href="">登录</a></li>
                        <li><a href="">注册</a></li>
                        <li><a href="">探路者控股集团股份有限公司</a></li>
                    </ul>
                </div>
            </div>
        </header>
        <div class="nav_box w">
            <div class="nav_left">
                <ul>
                    <li>
                        <a href="#">首页</a>
                    </li>
                    <li>
                        <a href="#">品牌专区</a>
                    </li>
                    <li>
                        <a href="#">新闻中心</a>
                    </li>
                    <li>
                        <a href="#">产品中心</a>
                    </li>
                    <li>
                        <a href="#">官方商城</a>
                    </li>
                    <li>
                        <a href="#">会员专区</a>
                    </li>
                    <li>
                        <a href="#">公益基金</a>
                    </li>
                </ul>
            </div>
            <div class="nav_right">
                <ul>
                    <li class="logo2">
                        <a href="">
                            <img src="images/logo2.png" alt="">
                            <img class="xsx1" src="images/xiaoshuxian.png" alt="">
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <img src="images/logo3.png" alt="">
                            <img class="xsx2" src="images/xiaoshuxian.png" alt="">
                        </a>
                    </li>
                    <li>
                        <a href=""><img src="images/logo4.png" alt=""></a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!-- 轮播图 -->
    <div id="banner">
        <img src="images/lunbotu.png" alt="">
    </div>
    <!-- 运动图标 -->
    <div id="icon">
        <img src="images/icon.png" alt="">
    </div>
    <!-- 新闻模块 -->
    <div class="news w clearfix">
        <div style='flex:1'>
            <div class="news_top clearfix">
                <div class="news_left">
                    <h3>新闻动态</h3>
                    <div class="news_left_top">
                        <div class="tu">
                            <img src="images/news1.png" alt="">
                        </div>
                        <div class="text">
                            <p>探路者定增募资12.7亿元助推社群生态战略落地</p>
                            <span>2016-06-01</span>
                        </div>
                    </div>
                </div>
                <div class="news_right">
                    <h3>更多&gt;&gt;</h3>
                    <div class="news_right_top">
                        <div class="tu">
                            <img src="images/news2.png" alt="">
                        </div>
                        <div class="text">
                            <p>探路者集团拟投资3亿元招募中国区域合伙人</p>
                            <span>2016-02-23</span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="news_bottom">
                <div class="news_left">
                    <div class="news_left_top">
                        <div class="tu">
                            <img src="images/news3.png" alt="">
                        </div>
                        <div class="text">
                            <p>探路者定增募资12.7亿元助推社群生态战略落地</p>
                            <span>2016-06-01</span>
                        </div>
                    </div>
                </div>
                <div class="news_left">
                    <div class="news_left_top">
                        <div class="tu">
                            <img src="images/news4.png" alt="">
                        </div>
                        <div class="text">
                            <p>探路者定增募资12.7亿元助推社群生态战略落地</p>
                            <span>2016-06-01</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="ad">
            <div class="ad_top">
                <h3>公司公告</h3>
                <div class="ad_img">
                    <img src="images/ad1.png" alt="">
                </div>
            </div>
            <div class="ad_center">
                <img src="images/ad_img.png" alt="">
            </div>
            <div class="ad_bottom">
                <span>探路者CRM系统上线 创新客户服务模式</span>
                <p>探路者控股集团股份有限公司正式线全新的CRM系统，即客户关系管理系统。探路者</p>
                <span class="span_icon">查看详情</span>
            </div>
        </div>
    </div>
    <!-- 展示模块 -->
    <div class="show w">
        <div class="show_left">
            <div class="show_img">
                <img src="images/show1.png" alt="">
            </div>
            <p>老驴分享 野外寻找水源及改善水质的妙招</p>
            <span class="tuijian">推荐</span>
        </div>
        <div class="show_center">
            <div class="show_img">
                <img src="images/show2.png" alt="">
            </div>
            <p>2016去哪儿 国内旅行清单奉上！</p>
            <span class="luxian">路线</span>
        </div>
        <div class="show_right">
            <div class="show_img">
                <img src="images/show3.png" alt="">
            </div>
            <p>女神同款 探路者2016年款皮肤衣众测邀请</p>
            <span class="huodong">活动</span>
        </div>
    </div>
    <!-- 版权模块 -->
    <div class="footer_box">
        <footer class="w">
            <div class="footer_img">
                <img src="images/footer_icon.png" alt="">
            </div>
            <div class="copyright_top">
                <ul>
                    <li>
                        <a href="">加入我们</a></li>
                    <li>
                        <a href="">新浪官方微博</a></li>
                    <li>
                        <a href="">投资者关系</a>
                    </li>
                    <li>
                        <a href="">法律声明</a>
                    </li>
                    <li>
                        <a href="">团购与定制</a>
                    </li>
                    <li>
                        <a href="">举报热线</a>
                    </li>
                    <li>
                        <a href="">采购招标信息</a>
                    </li>
                </ul>
            </div>
            <div class="copyright_bottom">
                <ul>
                    <li>&copy;2005-2016 探路者 版权所有，并保留所有权利</li>
                    <li>备案号：京ICP备09053978号-1</li>
                    <li>北京公安局备案编号：110114000010号</li>
                </ul>
            </div>
            <p>北京市海淀区知春路6号锦秋国际大厦A座21层 服务热线：400-700-8178</p>
        </footer>
    </div>
</body>

</html>